<template>
    <div class="user-home">
        <div class="title">
            <h3>您好，{{userInfo.name?userInfo.name:'用户名'}}</h3>
            <div class="sub-title">访问<span>智慧教育云方案</span>了解更多成本管控和体校的最佳实践</div>
        </div>
        <div class="wait-do">
            <el-row>
                <el-col :span="6">
                    <div class="show-line">
                        <div class="line"></div>
                        <div class="label">待办提醒</div>
                    </div>
                </el-col>
                <el-col :span="18">
                    <div class="show-line">
                        <div class="line"></div>
                        <div class="label">财务提醒</div>
                    </div>
                </el-col>
            </el-row>
            <div class="classify">
                <el-row>
                    <el-col :span="6">待付款<span>{{waitPayNum}}个</span></el-col>
                    <el-col :span="18">可索取发票<span>￥{{realsumPrices}}</span></el-col>
                </el-row>
                <el-row style="margin-top: 10px">
                    <el-col :span="6">待续费<span>{{waitRenew}}个</span></el-col>
                    <el-col :span="18"></el-col>
                </el-row>
            </div>
        </div>

        <div style="margin-top: 50px">
            <div class="show-line">
                <div class="line"></div>
                <div class="label">近12个月消费趋势</div>
            </div>
        </div>
        <div class="trend">
            <div id="oneYearChart" style="width:100%;height:375px"></div>
        </div>

    </div>

</template>

<script src="./user.home.js"></script>
<style lang="scss" src="./user.home.scss"></style>
